#@layout()
#define css()
<link rel="stylesheet" href="#(CPATH)/static/components/jquery-file-upload/css/jquery.fileupload.css">
<style>
    #uploader {
        height: 230px;
    }
    .myPanel {
        font-size: 25px;
        color: #ccc;
        text-align: center;
        padding-top: 60px;
    }
</style>
#@layout_css?()
<link rel="stylesheet" href="#(CPATH)/static/components/datepicker/css/bootstrap-datepicker3.min.css">
#end
#define script()
<script src="#(CPATH)/static/components/ckeditor/ckeditor.js"></script>
<script src="#(CPATH)/static/components/editable/js/bootstrap-editable.min.js"></script>
<script src="#(CPATH)/static/components/jquery-file-upload/js/vendor/jquery.ui.widget.js"></script>
<script src="#(CPATH)/static/components/jquery-file-upload/js/jquery.iframe-transport.js"></script>
<script src="#(CPATH)/static/components/jquery-file-upload/js/jquery.fileupload.js"></script>
<script>
    $('#cfile').fileupload({
        dropZone: $('#uploader'),
        url: '#(CPATH)/commons/attachment/upload',
        sequentialUploads: true,
        progressall: function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $(".myPanel").text("上传进度：" + progress + "%")
        },
        done: function (e, data) {

            $(".myPanel").text("或者拖动文件到这里进行上传...");

            if(data.result.state == "ok"){
                $("#attachment").val(data.result.src);
                toastr.success("文件上传成功...")
            }else {
                toastr.error(data.result.message)
            }
        }
    });

</script>
#@layout_script?()
<script src="#(CPATH)/static/components/datepicker/js/bootstrap-datepicker.min.js"></script>
<script src="#(CPATH)/static/components/datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script>
    $("input[hint='date']").datepicker({
        format: 'yyyy-mm-dd',
        language: 'zh-CN'
    });

    function doSubmit() {
        ajaxSubmit("#form", function (data) {
            $("#entryId").attr("value", data.id);
            toastr.success('内容保存成功。');
            location.href="/admin/interact/jpress_addon_interact";
        })
    }

    $("#submit").on("click", function () {
        doSubmit();
    })

    initEditor('editor1', 467, "html");

</script>
#end


#define content()
<div class="content-wrapper">

    <section class="content">

        <div class="row">
            <div class="col-xs-12">
                <div class="box box-primary">

                    <form class="form-horizontal form-setting" autocomplete="off"
                          action="/admin/interact/jpress_addon_interact/doSaveAnswer"
                          method="POST" id="form">

                        <div class="box-body ">
                            <input type="hidden" id="entryId" name="jpressAddonInteractComment.interact_id"
                                   value="#(jpressAddonInteract.id ??)">
                            <div class="form-group">
                                <label class="col-sm-2 control-label">问题</label>
                                <div class="col-sm-8">
                                    <div style="text-align: center">
                                        <div>
                                            <h1>#(jpressAddonInteract.title)</h1>
                                        </div>
                                    </div>
                                    <div>
                                        <div>
                                            #(jpressAddonInteract.content ??)
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">解答内容</label>
                            <div class="col-sm-8">
                                <textarea id="editor1" name="jpressAddonInteractComment.content"
                                          style="height: 467px;width: 100%;background-color: white"></textarea>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">附件</label>
                            <div class="col-sm-6">
                                <input id="attachment" type="hidden" name="jpressAddonInteractComment.attachment"/>
                                <div id="uploader">
                                                <span class="btn btn-block btn-primary fileinput-button" style="width: 120px">
                                                    <i class="glyphicon glyphicon-plus"></i>
                                                    <span>选择文件...</span>
                                                    <input id="cfile" type="file" name="files[]" multiple>
                                                </span>
                                    <div class="myPanel">
                                        或者拖动文件到这里进行上传...
                                    </div>
                                </div>
                            </div>
                        </div>

                    </form>
                </div>
                <div class="box-footer">
                    <div class="col-sm-offset-2 col-sm-10 submit-block">
                        <div class="box-submit">
                            <button id="submit" type="button" class="btn btn-primary">提交</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

</section>


</div>
#end
